<template>
    <div class="lookGraduation">
         <el-breadcrumb separator="/" class="breadcrumb-bottom">
                <el-breadcrumb-item :to="{ path: '/' }">毕业设计</el-breadcrumb-item>
                <el-breadcrumb-item>查看设计题目</el-breadcrumb-item>
         </el-breadcrumb>
         <el-form :model="lookgraduationForm" :rules="rules" ref="lookgraduationForm" label-width="0px">
            <el-row :gutter="20">
                <el-col :span="3">
                     <el-form-item prop="">
                        <el-select v-model="lookgraduationForm.major" placeholder="请选择专业">
                            <el-option label="计算机科学与技术" value="1"></el-option>
                            <el-option label="软件工程" value="2"></el-option>
                            <el-option label="网络工程" value="3"></el-option>
                            <el-option label="物联网" value="4"></el-option>
                        </el-select>
                     </el-form-item>
                </el-col>
                <el-col :span="2" class="overflow-clear">
                    <el-button type="primary" @click="submitForm('lookgraduationForm')" class="float-right">立即搜索</el-button>
                </el-col>
            </el-row>
         </el-form> 
         <el-table
            :data="tableData"
            style="width: 100%">
            <el-table-column
                prop="name"
                label="课题名称"
                width="180">
            </el-table-column>
            <el-table-column
                prop="source"
                label="课题来源"
                width="180">
            </el-table-column>
            <el-table-column
                prop="number"
                label="要求人数"
                width="180">
            </el-table-column>
             <el-table-column
                prop="proName"
                label="项目类别名称"
                width="180">
            </el-table-column>
             <el-table-column
                prop="proCode"
                label="项目类别编号"
                width="180">
            </el-table-column>
             <el-table-column
                prop="teacher"
                label="负责教师"
                width="180">
            </el-table-column>
             <el-table-column
                prop="major"
                label="专业"
                width="180">
            </el-table-column>
             <el-table-column
                prop="file"
                label="课题附件"
                width="180">
            </el-table-column>
        </el-table>        
    </div>
</template>
<script>
    export default{
        name:'lookGraduation',
        data(){
            return {
                lookgraduationForm:{
                    major:''
                },
                tableData:[
                    {   
                        name:'1',
                        source:'1',
                        number:'1',
                        proName:'1',
                        proCode:'1',
                        teacher:'1',
                        major:'1',
                        file:'查看'
                        
                    },
                     {   
                        name:'1',
                        source:'1',
                        number:'1',
                        proName:'1',
                        proCode:'1',
                        teacher:'1',
                        major:'1',
                        file:'查看'
                        
                    }

                ]
            }
        },
        components:{

        },
        methods:{
            handleSelectionChange(val) {
                this.multipleSelection = val;
            }
        }
    }
</script>
<style>

</style>